<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>add-patient</title>
  <!-- <link rel="shortcut icon" href="favicon.ico" /> -->

  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/addPatient.css">
  <link rel="stylesheet" href="../../css/bootstrap/bootstrap.min.css" />
  <link rel="stylesheet" href="../../css/toastr.min.css" />
  <link rel="stylesheet" href="../../css/vant.min.css" />
</head>

<body>
  <!-- 版心 -->
  <div id="main">
    <form class="row g-3 needs-validation" novalidate>
      <!-- 内容 -->
      <div class="content">

        <!-- 头部区域 -->
        <div class="head">

          <!-- <div class="doctor-info">
                    <div class="image">
                        <div class="text">医生</div>
                        <img src="../../images/doctor_image.png" title="医生" alt="doctor_image" />
                    </div>
                    <div class="id">
                        <div class="text" name="doctorId">{{patientInfo.doctorInfoId}}</div>
                        <div class="name" name="doctorName">{{patientInfo.docterName}}</div>
                    </div>
                </div>

                
                 <div class="doctor-type">
                    <select v-model="doctorTestData.doctorType" class="form-select" aria-label="Default select example">
                      <option value="tdoctorInCharge" >主管医生</option>
                        <option value="dutyDoctor" >值班医生</option>
                    </select>
                 </div> -->

          <div class="row">
            <div class="col">
              <!-- 医生姓名 -->
              <div class="doctor-info">
                <div class="image">
                  <div class="text">{{doctorTestData.doctorType == 'doctorInCharge' ? '主管医生' : '值班医生'}}</div>
                  <img src="../../images/doctor_image.png" title="医生" alt="doctor_image" />
                </div>
                <div class="id">
                  <div class="text" id="docterId">{{doctorTestData.doctorId}}</div>
                  <div class="name" id="docterName">{{doctorTestData.doctorName}}</div>
                </div>
              </div>
            </div>
            <div class="col">
              <!-- 医生类别选择 -->
              <div class="doctor-type">
                <select v-model="patientInfo.doctorType" class="form-select" aria-label="Default select example">
                  <option value="doctorInCharge">主管医生</option>
                  <option value="dutyDoctor">值班医生</option>
                </select>
              </div>
            </div>
          </div>
        </div>
        <div>
          <!-- 患者姓名 -->
          <div class="patient-info">
            <!-- <div class="text">患者：</div> -->
            <div class="mb-3 row">
              <label for="validationDefault01" class="col-sm-3 col-form-label">患者姓名：</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" id="validationDefault01" v-model="patientInfo.name" required>
              </div>
            </div>
            <div class="mb-3 row">
              <label for="validationDefault02" class="col-sm-3 col-form-label">患者ID：</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" id="validationDefault02" v-model="patientInfo.patientId"
                  required>
              </div>
            </div>
            <!-- <input type="text" name="patientName" v-model="patientInfo.name"/> -->
          </div>
        </div>
        <!-- <input type="datetime-local" @change="timeChange" class="form-control" step="1"  name="admissionTime" v-model="timetest"/>
            <input type="datetime-local"  v-for="item in timeTest" class="form-control" step="1"  name="admissionTime" v-model="item.time"/> -->
        <!-- 基础信息 -->
        <div class="basic-info">
          <div class="basic-info-title">基础信息</div>
          <!-- basic-info-content -->
          <div class="">
            <div class="mb-3 row">
              <label for="admissionTime" class="col-sm-3 col-form-label">入院时间</label>
              <div class="col-sm-9">
                <!-- <input type="datetime-local" class="form-control" step="1" @change="admissionTimeHander(patientInfo.admissionTime)"  name="admissionTime" v-model="patientInfo.admissionTime"/> -->
                <input type="text" step="1" class="form-control" readonly
                  @input="admissionTimeHander(patientInfo.admissionTime)"
                  @click="showPicker('patientInfo.admissionTime')" placeholder="入院时间"
                  v-model="patientInfo.admissionTime">
                <!-- 日期选择器 -->
                <van-popup v-model:show="showPickerVisible" position="bottom">
                  <van-datetime-picker v-model="currentDate" type="datetime" title="选择日期" :min-date="minDate"
                    :max-date="maxDate" @confirm="onConfirm" @cancel="showPickerVisible = false"
                    :columns-order="['year','month', 'day', 'hour','minute']" :formatter="formatter" />
                </van-popup>
              </div>
            </div>
            <div class="mb-3 row">
              <label for="firstIcuAdmissionTime" class="col-sm-3 col-form-label">首次入住ICU时间</label>
              <div class="col-sm-9">
                <!-- <input type="datetime-local" class="form-control"  step="1" @change="firstIcuAdmissionTimeHander(patientInfo.firstIcuAdmissionTime)"  name="firstIcuAdmissionTime" v-model="patientInfo.firstIcuAdmissionTime"/> -->
                <input type="text" step="1" class="form-control" readonly
                  @input="firstIcuAdmissionTimeHander(patientInfo.firstIcuAdmissionTime)"
                  @click="showPicker('patientInfo.firstIcuAdmissionTime')" placeholder="首次入住ICU时间"
                  v-model="patientInfo.firstIcuAdmissionTime">
              </div>
            </div>
            <div class="mb-3 row">
              <label for="age" class="col-sm-3 col-form-label">年龄</label>
              <div class="col-sm-9">
                <input type="number" class="form-control" name="age" v-model="patientInfo.age" />
              </div>
            </div>
            <div class="mb-3 row">
              <label for="gender" class="col-sm-3 col-form-label">性别</label>
              <div class="col-sm-9">
                <select id="gender" class="form-control" name="gender" v-model="patientInfo.gender">
                  <option value="1">男</option>
                  <option value="0">女</option>
                </select>
              </div>
            </div>
            <div class="mb-3 row">
              <label for="gender" class="col-sm-3 col-form-label">主治医生</label>
              <div class="col-sm-9">
                <select id="gender" class="form-control" name="gender" @change="doctorChange"
                  v-model="patientInfo.doctorInfoId">
                  <option v-for="item in doctorList" :value="item.doctorInfoId">{{item.name}}</option>
                </select>
              </div>
            </div>
          </div>
        </div>

        <!-- 病症 -->
        <!-- <div class="disease-info">
          <div class="disease-info-title">病症</div>
          <div class="disease-info-content clearfix" id="disease-list" style="height: 60vh;overflow-y: auto;">
            <div class="container text-left">
              <div class="row disease" v-for="item in DiseaseData">
                <div class="col-8">
                  <div class="text">
                    <div>{{item.name}}</div>
                    <div>{{item.enName}}</div>
                  </div>
                </div>
                <div class="col-4">
                  <select name="mx" v-model="item.value">
                    <option value="1">有</option>
                    <option value="0">无</option>
                  </select>
                </div>
              </div>
            </div>
          </div>
        </div> -->

        <!-- 尾部区域 -->
        <div id="footer">
          <!-- <button class="btn btn-primary" @click="addPatient">提交</button>
              <button class="btn btn-primary" @click="Patientback">取消</button> -->
          <button type="button" class="btn btn-primary" @click="addPatient">提交</button>
          <button type="button" class="btn btn-secondary" @click="Patientback">取消</button>
        </div>

      </div>
    </form>
  </div>

  <script type="text/javascript" src="../../js/tool/vue.js"></script>
  <script type="text/javascript" src="../../js/tool/vant.min.js"></script>
  <script type="text/javascript" src="../../js/tool/jquery.js"></script>
  <script type="text/javascript" src="../../js/tool/dayjs.min.js"></script>
  <script type="text/javascript" src="../../js/tool/toastr.min.js"></script>
  <script type="text/javascript" src="../../js/tool/bootstrap.min.js"></script>
  <script type="text/javascript" src="../../js/mixin.js"></script>
  <script type="text/javascript" src="../../js/common.js"></script>
  <script type="text/javascript" src="../../js/addPatient.js"></script>
</body>

</html>